// 加载公共样式
require('../../assets/css/public.less')

// 引入自己样式
require('./register.less')

// 1.引入验证码插件
var CaptchaMini = require("captcha-mini")

// 导入请求实例
const request = require('../../lib/request/request.js')

// dom加载完毕
window.onload = () => {
    // 2.创建验证码实例对象
    /*不传值，统一走默认值*/
    let captcha1 = new CaptchaMini({
        fontSize: 60,    //字体大小
        lineWidth: 1,   //线条宽度
        lineNum: 4,       //线条数量
        dotR: 3,          //点的半径
        dotNum: 50,       //点的数量
        length: 4    //验证码长度
    });
    // 3.画图
    let captcha = '' //存储验证码给提交表单用
    captcha1.draw(document.querySelector('#captcha1'), r => {
        // 4.打印验证码
        captcha = r
        console.log(r, '验证码1');
    });


    // 获取元素
    function $(sel) {
        return document.querySelector(sel)
    }
    function $a(sel) {
        return document.querySelectorAll(sel)
    }


    // 判断手机号是否正确
    let reg1 = /^1[3-9][0-9]{9}$/;

    // 判断密码是否正确
    let reg3 = /^[0-9]{5,11}$/;

    // 点击注册账号验证登录信息是否正确
    $('.submit').addEventListener('click', function () {
        // 手机错误信息
        let errMessage = ''
        // 验证手机号输入是否正确
        if (!reg1.test($('.phonum').value)) {
            errMessage = '请输入正确手机号'

            // 验证验证码输入是否正确
        } else if (captcha !== $('.kuang1').value) {
            errMessage = '验证码错误'

            // 验证密码输入是否正确
        } else if (!reg3.test($('.pwd').value)) {
            errMessage = '密码错误'
        } else if ($('.rpwd').value !== $('.pwd').value) {
            errMessage = '请再次确认密码'
        } else {
            // alert('验证通过')
            // 1.先发请求判断账号是否存在
            request.post('/api/user/isExist', {
                account: $('.phonum').value
            }).then(res => {
                console.log(res);
                // 解构数据
                let { errno, message } = res.data
                // 判断
                if (errno === 0) {
                    // 2.发送注册请求,注册账号
                    request.post('/api/user/register', {
                        account: $('.phonum').value,
                        password: $('.pwd').value
                    }).then(res => {
                        // 解构数据
                        let { data, errno } = res.data
                        // 判断
                        if (errno === 0) {

                            // alert('注册成功')
                            // window.location.href = './login.html'
                            // localStorage.setItem('userInfo', JSON.stringify(data))
                            window.location.href = './home.html'
                            $('.errText').textContent = `${res.data.message}`
                            $('.succeed').classList.remove('dpnone')
                            $('.succeed').addEventListener('click', function () {
                                $('.succeed').classList.add('dpnone')
                            })
                            // 错误弹窗定时器
                            setTimeout(function () {
                                $('.errText').textContent = `${res.data.message}`
                                $('.succeed').classList.add('dpnone')

                            }, 1000)

                        }
                    })
                } else {
                    alert(message)

                }
            })

        }

        if (errMessage) {
            // 错误信息时候显示，可以安删除键关闭
            $('.errText').textContent = errMessage
            $('.error').classList.remove('dpnone')
            $('.error').addEventListener('click', function () {
                $('.error').classList.add('dpnone')
            })
            // 错误弹窗定时器
            setTimeout(function () {
                $('.errText').textContent = errMessage
                $('.error').classList.add('dpnone')
            }, 1500)

        }

    })

}
